<template>
  <div>
    <h2>具名插槽</h2>
    <div class="category">
      <div class="title">
        <slot name="s1"></slot>
      </div>
      <slot name="s2"></slot>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.category {
  background-color: skyblue;
  padding: 10px;
  border-radius: 5px;
  width: 200px;
  height: 300px;
}
.title {
  background-color: orange;
  text-align: center;
  color: white;
  font-size: 20px;
  font-weight: 100;
}
</style>
